<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>修改个人信息</title>
    <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css" />
    <script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js" charset="utf-8"></script>
</head>

<body class="mine_modify" data-weui-theme="light">
    <header class="mine_modify_header">
        <i id="toMine">&lt;</i>
        <span>个人资料</span>
    </header>
    <main class="mine_modify_main">
        <div class="weui-cells">
            <!-- 更换头像 -->
            <div class="weui-cell weui-cell_access">
                <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                    <span>更换头像</span>
                </span>
                <label>
                    <input type="file" id="avatarBtn" style="display: none;">
                    <img src="../../assets/images/dog.jpg" id="avatar" data-value="">
                </label>
                <span class="weui-cell__ft" aria-hidden="true" id="js_cell_tl1_link"></span>
            </div>

            <!-- 昵称 -->
            <div role="option" class="weui-cell ">
                <div class="weui-cell__bd">
                    <p>昵称</p>
                </div>
                <div class="weui-cell__ft">
                    <input id="nickname" class="weui-input" placeholder="请输入用户名" value="用户名" />
                </div>
            </div>

            <!--  性别 -->
            <div class="weui-cell weui-cell_access">
                <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                    <span>性别</span>
                </span>
                <span class="weui-cell__ft" aria-hidden="true" id="gender" data-value="0">男</span>
            </div>
            <!-- 生日 -->
            <div class="weui-cell weui-cell_access">
                <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                    <span>生日</span>
                </span>
                <span class="weui-cell__ft" aria-hidden="true" id="birthday"></span>
            </div>

            <!--  所在省份 -->
            <div class="weui-cell weui-cell_access">
                <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                    <span>所在省份</span>
                </span>
                <span class="weui-cell__ft" aria-hidden="true" id="province" data-value=" "></span>
            </div>

            <!-- 所在城市 -->
            <div class="weui-cell weui-cell_access">
                <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                    <span>所在城市</span>
                </span>
                <span class="weui-cell__ft" aria-hidden="true" id="city" data-value=" "></span>
            </div>
            <!-- 个性签名 -->
            <div class="weui-cell weui-cell_access">
                <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                    <span>个性签名</span>
                </span>
            </div>
            <div class="weui-cell weui-cell_active">
                <div class="weui-cell__bd">
                    <textarea class="weui-textarea" maxlength="20" placeholder="请输入你的个性签名" rows="3"
                        id="sign"></textarea>
                    <div role="option" aria-live="polite" class="weui-textarea-counter"><span id="signNum">0</span>/20
                    </div>
                </div>
            </div>
        </div>
        <!-- 提交 -->
        <button type="button" class="weui-btn weui-btn_primary" id="saveBtn" wah-hotarea="touchend">确定</button>
    </main>
</body>

</html>